<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册</title>
		<link rel="stylesheet" type="text/css" href="login%20css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="login%20css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="login%20css/normalize.css"/>
		<link rel="stylesheet" type="text/css" href="login%20css/register.css"/>
		<script src="login%20js/jquery-1.11.3.js"></script>
		<script type="text/javascript">
		//短信验证码倒计时
		var countdownHandler = function(){
			$.ajax({
				"url":"NoteServlet"  //请求路径
				,"type":"POST"   //请求类型
				,"data":""
				,"dataType":"text"  //返回的数据类型
				,"success":function(){  //成功的回调函数,其中data作为servlet的值
					
				}
			})
			var $button = $(".btn");
			var number = 60;
			var countdown = function(){
				if (number == 0) {
					$button.attr("disabled",false);
					$button.val("发送验证码");
		            number = 60;
		            return;
		        } else {
		        	$button.attr("disabled",true);
		        	$button.val(number + "秒 重新发送");
		        	number--;
		        }
				setTimeout(countdown,1000);
			}
			setTimeout(countdown,1000);
		}
			$(function(){
				//发送短信
				$(".btn").click(function () {
					countdownHandler();		
				});
				//注册
				$(".submit").click(function(){
					var yanzhen = $("#yanzhen").val();
					alert(yanzhen);
					if(yanzhen != "08455"){
						event.preventDefault();
					}		
				});
			});
		</script>
</head>
<body>
		<div class="wrap" id="wrap">
			<div class="logo" id="logo">
				<a href="#">
					<img src="loginimg/mogulogo_220x52.png" alt="该链接已失效">
				</a>
			</div>
			<div class="register-wrap" id="register-wrap">
				<div class="pic" id="pic">
					<img src="loginimg/zhuce_400x300.jpg" alt="该链接已失效">
				</div>
				<div class="register" id="register">
					<div class="register-top">
						<h2>新用户注册</h2>
					</div>
					<div class="register-con ng-scope" ng-app="myApp" ng-controller="regController">
					<form action="Mogujie_userServlet?opr=reg"  method="post">
						<ul>
							<li class="form-group">
								<select name="country" id="country" class="info-select">
									<option value="中国">中国</option>
								<option>喀麦隆</option><option>贝宁</option><option>马达加斯加</option><option>卢旺达</option><option>塞舌尔</option><option>科特迪瓦</option><option>埃及</option><option>毛里求斯</option><option>布基纳法索</option><option>厄立特里亚</option><option>安哥拉</option><option>利比亚</option><option>塞卜泰</option><option>津巴布韦</option><option>几内亚</option><option>塞拉利昂</option><option>留尼汪</option><option>加蓬</option><option>加纳</option><option>坦桑尼亚</option><option>马里</option><option>索马里</option><option>undefined</option><option>毛里塔尼亚</option><option>乌干达</option><option>乍得</option><option>马约特岛</option><option>科摩罗</option><option>博茨瓦那</option><option>塞内加尔</option><option>斯威士兰</option><option>几内亚(比绍)</option><option>民主刚果</option><option>中非共和国</option><option>莱索托</option><option>刚果</option><option>南非</option><option>利比里亚</option><option>突尼斯</option><option>赞比亚</option><option>尼日尔</option><option>西撒哈拉</option><option>多哥</option><option>纳米比亚</option><option>莫桑比克</option><option>梅利利亚</option><option>埃塞俄比亚</option><option>摩洛哥</option><option>马拉维</option><option>尼日利亚</option><option>佛得角</option><option>布隆迪</option><option>阿尔及利亚</option><option>吉布提</option><option>加那利群岛</option><option>冈比亚</option><option>赤道几内亚</option><option>苏丹</option><option>肯尼亚</option><option>新加坡</option><option>韩国</option><option>叙利亚</option><option>巴林</option><option>日本</option><option>约旦</option><option>越南</option><option>泰国</option><option>斯里兰卡</option><option>阿联酋</option><option>老挝</option><option>阿富汗</option><option>中国澳门</option><option>塔吉克斯坦</option><option>朝鲜</option><option>巴勒斯坦</option><option>中国香港</option><option>伊拉克</option><option>黎巴嫩</option><option>科威特</option><option>文莱</option><option>undefined</option><option>马尔代夫</option><option>印度尼西亚</option><option>以色列</option><option>蒙古</option><option>阿曼</option><option>印度</option><option>缅甸</option><option>马来西亚</option><option>东帝汶</option><option>也门共和国</option><option>不丹</option><option>柬埔寨</option><option>巴基斯坦</option><option>孟加拉国</option><option>沙特阿拉伯</option><option>土库曼斯坦</option><option>卡塔尔</option><option>尼泊尔</option><option>哈萨克斯坦</option><option>菲律宾</option><option>台湾</option><option>伊朗</option><option>哥斯达黎加</option><option>古巴</option><option>墨西哥</option><option>尼加拉瓜</option><option>巴拿马</option><option>萨尔瓦多</option><option>波多黎各</option><option>安圭拉(英)</option><option>圣卢西亚</option><option>瓜德罗普</option><option>洪都拉斯</option><option>危地马拉</option><option>格鲁吉亚</option><option>亚美尼亚</option><option>阿塞拜疆</option><option>白俄罗斯</option><option>俄罗斯联邦</option><option>乌克兰</option><option>匈牙利</option><option>冰岛</option><option>马耳他</option><option>摩纳哥</option><option>挪威</option><option>罗马尼亚</option><option>圣马力诺</option><option>瑞典</option><option>瑞士</option><option>爱沙尼亚</option><option>拉脱维亚</option><option>立陶宛</option><option>摩尔多瓦</option><option>土耳其</option><option>斯洛文尼亚</option><option>捷克共和国</option><option>斯洛伐克</option><option>马其顿</option><option>梵蒂冈城国</option><option>荷兰</option><option>克罗地亚</option><option>希腊</option><option>爱尔兰</option><option>比利时</option><option>塞浦路斯</option><option>丹麦</option><option>英国</option><option>德国</option><option>法国</option><option>意大利</option><option>卢森堡</option><option>葡萄牙</option><option>波兰</option><option>西班牙</option><option>阿尔巴尼亚</option><option>安道尔</option><option>列支敦士登</option><option>塞黑</option><option>奥地利</option><option>保加利亚</option><option>芬兰</option><option>直布罗陀</option><option>多米尼克</option><option>百慕大</option><option>加拿大</option><option>美国</option><option>格陵兰</option><option>汤加</option><option>澳大利亚</option><option>库克群岛</option><option>瑙鲁</option><option>新喀里多尼亚</option><option>瓦努阿图</option><option>所罗门群岛</option><option>萨摩亚</option><option>图瓦卢</option><option>马绍尔群岛</option><option>基里巴斯</option><option>新西兰</option><option>斐济</option><option>帕劳共和国</option><option>土阿莫土群岛</option><option>土布艾群岛</option><option>社会群岛</option><option>马克萨斯群岛</option><option>盖比群岛</option><option>诺福克岛</option><option>智利</option><option>哥伦比亚</option><option>法属圭亚那</option><option>圭亚那</option><option>库腊索岛</option><option>巴拉圭</option><option>秘鲁</option><option>苏里南</option><option>委内瑞拉</option><option>乌拉圭</option><option>厄瓜多尔</option><option>阿鲁巴岛</option><option>巴哈马</option><option>巴巴多斯</option><option>开曼群岛</option><option>格林纳达</option><option>萨巴</option><option>海地</option><option>牙买加</option><option>马提尼克</option><option>蒙特塞拉特</option><option>圣马丁岛</option><option>阿根廷</option><option>伯利兹</option><option>玻利维亚</option><option>巴西</option><option>博内尔</option><option>圣卢西亚</option></select>
								<input placeholder="手机号码" type="text" name="phone" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern" ng-class="{'error':loginForm.phone.$invalid &amp;&amp; loginForm.phone.$touched}" ng-model="logindata.phone" ng-pattern="/^(1([358][0-9]|(47)|[7][0178]))[0-9]{8}$/" required="">
							</li>
							
							<li class="form-group" >
								<i>昵&nbsp;&nbsp;&nbsp;&nbsp;称</i>
								<input type="text" name="uname"  id="uname" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern" ng-class="{'error':loginForm.password.$invalid &amp;&amp; loginForm.password.$touched}" ng-model="logindata.password" required="" placeholder="用户昵称" >
							</li>
							
							<li class="form-group" ng-class="{'has-success':loginForm.password.$valid}">
								<i>性&nbsp;&nbsp;&nbsp;&nbsp;别</i>
								<input type="text" name="sex" id="sex"  placeholder="性别" />
							</li>
							
							<li class="form-group" ng-class="{'has-success':loginForm.password.$valid}">
								<i>身份证号码</i>
								<input type="text" name="carid" id="carid" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern" ng-class="{'error':loginForm.password.$invalid &amp;&amp; loginForm.password.$touched}" ng-model="logindata.password" required="" placeholder="身份证号码" ng-pattern="">
							</li>
							
							<li class="form-group" ng-class="{'has-success':loginForm.password.$valid}">
								<i>密&nbsp;&nbsp;&nbsp;&nbsp;码</i>
								<input type="password" name="password" id="pass" class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern" ng-class="{'error':loginForm.password.$invalid &amp;&amp; loginForm.password.$touched}" ng-model="logindata.password" required="" placeholder="密码" ng-pattern="/((?=.*[a-z])(?=.*\d)|(?=[a-z])(?=.*[#@!~%^&amp;*])|(?=.*\d)(?=.*[#@!~%^&amp;*]))[a-z\d#@!~%^&amp;*]{8,16}/i">
							</li>
	
							<li class="form-group" ng-class="{'has-success':loginForm.password2.$valid}">
								<i>确认密码</i>
								<input type="password" name="password2" id="password" class="form-control ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required ng-valid-compare" ng-model="logindata.password2" compare="logindata.password" required="" placeholder="再次确认密码">
							</li>

							<li class="form-group">
								<input type="text"  id="yanzhen" name="yanzheng" class="form-control ng-pristine ng-empty ng-invalid ng-invalid-required ng-valid-minlength ng-valid-maxlength ng-touched" placeholder="验证码" ng-model="logindata.yzcode" ng-minlength="4" ng-maxlength="4" required="">
								<input class="btn" type="button" value="点击获取验证码">
							</li>
							<li class="form-group">
								<button class="submit">立即注册</button>
							</li>

							<li class="read form-group">
								<input type="checkbox" class="ck form-control" name="check" value="1" checked="checked">
								<b>我已阅读并且同意<a href="#">《蘑菇街网络服务使用协议》</a></b>
							</li>

							<li>
								<a href="loginIndex.html">&lt;已有账号登录</a>
							</li>
						</ul>
					</form>	
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="footer-wrap">
				<div class="footer-wrap-top">
					<div class="footer-wrap-top-left">
						<dl>
							<dt>新手帮助</dt>
							<dd><a href=""> 如何购买</a></dd>
							<dd><a href="">支付教程</a></dd>
							<dd><a href="">优惠券使用</a></dd>
							<dd><a href="">常见问题</a></dd>
						</dl>
						<dl class="bz">
							<dt>权益保障</dt>
							<dd><a href="">全国包邮</a></dd>
							<dd><a href="">7天无理由退货</a></dd>
							<dd><a href="">退货运费补贴</a></dd>
							<dd><a href="">72小时发货</a></dd>
						</dl>
						<dl>
							<dt> 商家服务</dt>
							<dd><a href="">免费开店</a></dd>
							<dd><a href=""> 商家社区</a></dd>
							<dd><a href="">商家入驻</a></dd>
							<dd><a href="">管理后台</a></dd>
						</dl>
					</div>
					<div class="footer-wrap-top-right">
						<h2>蘑菇街移动客户端</h2>
						<img src="loginimg/erweima_180x76.png"  alt="该链接已失效">
					</div>
				</div>
				<div class="footer-bottom">
					©Copyright 2010-2016蘑菇街 Mogujie.com (增值电信业务经营许可证：浙B2-20110349)			
				</div>
			</div>
		</div>
		
	<script>
		$(function(){
			var country=[
				'喀麦隆',
				'贝宁',
				'马达加斯加',
				'卢旺达',
				'塞舌尔',
				'科特迪瓦',
				'埃及',
				'毛里求斯',
				'布基纳法索',
				'厄立特里亚',		
				'安哥拉',
				'利比亚',
				'塞卜泰',
				'津巴布韦',
				'几内亚',
				'塞拉利昂',
				'留尼汪',
				'加蓬',
				'加纳',
				'坦桑尼亚',
				'马里',
				'索马里',,
				'毛里塔尼亚',
				'乌干达',
				'乍得',
				'马约特岛',
				'科摩罗',
				'博茨瓦那',
				'塞内加尔',
				'斯威士兰',
				'几内亚(比绍)',
				'民主刚果',
				'中非共和国',
				'莱索托',
				'刚果',
				'南非',
				'利比里亚',
				'突尼斯',
				'赞比亚',
				'尼日尔',
				'西撒哈拉',
				'多哥',
				'纳米比亚',
				'莫桑比克',
				'梅利利亚',
				'埃塞俄比亚',
				'摩洛哥',
				'马拉维',
				'尼日利亚',
				'佛得角',
				'布隆迪',
				'阿尔及利亚',
				'吉布提',
				'加那利群岛',
				'冈比亚',
				'赤道几内亚',
				'苏丹',
				'肯尼亚',
				'新加坡',
				'韩国',
				'叙利亚',
				'巴林',
				'日本',
				'约旦',
				'越南',	
				'泰国',
				'斯里兰卡',
				'阿联酋',
				'老挝',
				'阿富汗',
				'中国澳门',
				'塔吉克斯坦',
				'朝鲜',
				'巴勒斯坦',
				'中国香港',
				'伊拉克',
				'黎巴嫩',
				'科威特',
				'文莱',,
				'马尔代夫',
				'印度尼西亚',
				'以色列',
				'蒙古',
				'阿曼',
				'印度',
				'缅甸',
				'马来西亚',
				'东帝汶',
				'也门共和国',
				'不丹',
				'柬埔寨',
				'巴基斯坦',
				'孟加拉国',
				'沙特阿拉伯',
				'土库曼斯坦',
				'卡塔尔',
				'尼泊尔',
				'哈萨克斯坦',
				'菲律宾',
				'台湾',
				'伊朗',
				'哥斯达黎加',
				'古巴',
				'墨西哥',
				'尼加拉瓜',
				'巴拿马',
				'萨尔瓦多',
				'波多黎各',	
				'安圭拉(英)',
				'圣卢西亚',		
				'瓜德罗普',
				'洪都拉斯',
				'危地马拉',
				'格鲁吉亚',
				'亚美尼亚',
				'阿塞拜疆',
				'白俄罗斯',
				'俄罗斯联邦',
				'乌克兰',
				'匈牙利',
				'冰岛',
				'马耳他',
				'摩纳哥',
				'挪威',
				'罗马尼亚',
				'圣马力诺',
				'瑞典',
				'瑞士',
				'爱沙尼亚',
				'拉脱维亚',
				'立陶宛',
				'摩尔多瓦',
				'土耳其',
				'斯洛文尼亚',
				'捷克共和国',
				'斯洛伐克',
				'马其顿',
				'梵蒂冈城国',
				'荷兰',
				'克罗地亚',
				'希腊',
				'爱尔兰',
				'比利时',
				'塞浦路斯',
				'丹麦',
				'英国',
				'德国',
				'法国',
				'意大利',
				'卢森堡',
				'葡萄牙',
				'波兰',
				'西班牙',
				'阿尔巴尼亚',
				'安道尔',
				'列支敦士登',
				'塞黑',
				'奥地利',
				'保加利亚',
				'芬兰',
				'直布罗陀',
				'多米尼克',
				'百慕大',
				'加拿大',
				'美国',
				'格陵兰',
				'汤加',
				'澳大利亚',
				'库克群岛',
				'瑙鲁',
				'新喀里多尼亚',
				'瓦努阿图',
				'所罗门群岛',
				'萨摩亚',
				'图瓦卢',
				'马绍尔群岛',
				'基里巴斯',
				'新西兰',
				'斐济',
				'帕劳共和国',
				'土阿莫土群岛',
				'土布艾群岛',
				'社会群岛',
				'马克萨斯群岛',
				'盖比群岛',
				'诺福克岛',
				'智利',
				'哥伦比亚',
				'法属圭亚那',
				'圭亚那',
				'库腊索岛',
				'巴拉圭',
				'秘鲁',
				'苏里南',
				'委内瑞拉',
				'乌拉圭',
				'厄瓜多尔',
				'阿鲁巴岛',
				'巴哈马',
				'巴巴多斯',
				'开曼群岛',
				'格林纳达',
				'萨巴',
				'海地',
				'牙买加',
				'马提尼克',
				'蒙特塞拉特',
				'圣马丁岛',
				'阿根廷',
				'伯利兹',
				'玻利维亚',
				'巴西',
				'博内尔',
				'圣卢西亚'
			];
			//遍历country数组，创建select列表项
			for(var i=0;i<country.length;i++){
				$('#country').append('<option>'+country[i]+'</option>');
			}
		});
		
	</script>
	
	<div id="qb-sougou-search" style="display: none; opacity: 0;"><p>搜索</p><p class="last-btn">复制</p><iframe src=""></iframe></div></body>
	<div id="qb_collection_img_mask" style="display: block; top: 114.956px; left: 594.155px;"> <div class="qb_collection_img_icon"></div> <span>收藏</span> </div>
	</body>
</html>